<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
        <style>
            .red-text {
                color: red;
            }
            h2 {
                font-family:Lobster
            }
            p {
                font-size: 16px;
                font-family: Monospace;
            }

            .thick-green-border {
              border-color: green;
              border-width: 10px;
              border-style: solid;
              border-radius: 50%;
            }

            .smaller-image {
              width: 100px;
            }
        </style>
    </head>

    <body>
        <h2 class="red-text">CatPhotoApp</h2>
        <p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
         <form action="http://localhost:9999/api/users">
            <input type="text" placeholder="cat photo URL">
            <button type="submit">
                Submit
            </button>
        </form>
    </body>
</html>